<script type= "text/javascript">
    var pressedCtrl = false; 
    $jq(document).keydown(function (e) {
        if(e.which == 18) // ALT
            pressedCtrl = true; 
        
        //Se ALT foi clicado e a tecla N
        if(pressedCtrl == true && e.which == 78) { 
            newCategoria(); 
            pressedCtrl = false;
        }
    });
    
    function newCategoria(){
        $jq( "#dialog-form-insert" ).dialog({
            autoOpen: false,
            height: 405,
            width: 685,
            resizable: false,
            draggable: false,
            position:  ['left',60],
            modal: true,
            show: "slide",
            hide: "slide",
            buttons: {
                "Cadastrar Categoria": function() {
                    $jq('#formCategoriaInsert').submit();
                },
                "Cancelar": function() {
                    $jq( this ).dialog( "close" );
                }
            }
        });
        prepareDialog();
        
        //Abre o dialog
        $jq("#dialog-form-insert").dialog("open");
        
    }
    
    function atualizarCategoria(codigo, nome, descricao, sequencia, status){
        $jq('#codigoUp').val(codigo);
        $jq('#nomeUp').val(nome);
        $jq('#descricaoUp').val(descricao);
        $jq('#sequenciaUp').val(sequencia);
        if(status == 1)
            document.formUpdate.statusUp[0].checked = true;
        else
            document.formUpdate.statusUp[1].checked = true;
        
        $jq( "#dialog-form-update" ).dialog({
            autoOpen: false,
            height: 405,
            width: 685,
            resizable: false,
            draggable: false,
            position:  ['left',60],
            modal: true,
            show: "slide",
            hide: "slide",
            buttons: {
                "Atualizar Categoria": function() {
                    $jq('#formCategoriaUpdate').submit();
                },
                "Cancelar": function() {
                    $jq( this ).dialog( "close" );
                }
            }
        });
        prepareDialog();
        
        //Abre o dialog
        $jq("#dialog-form-update").dialog("open");
    }
  
    function excluirCategoria(codigo, nome)
    {
        if(getCod().length > 1){
            var codigo = getCod();
            $jq(".inforDel").html('<p>Deseja realmente excluir as Categorias selecionadas?<br /><span style="color: #cc0000; font-size: 15px; font-weight: bold;">'  + codigo.length + ' no total.</span> <br />Uma vez excluído não será possível recuperar os dados.');
        }else{
            $jq(".inforDel").html('<p>Deseja realmente excluir a Categoria:<br /><span style="color: #cc0000; font-size: 15px; font-weight: bold;">'  + nome + '?' + '</span> <br />Uma vez excluído não será possível recuperar os dados.');
        }
        $jq(".dialog-excluir").dialog({
            autoOpen: false,
            height: 195,
            width: 420,
            resizable: false,
            draggable: false,
            modal: true,
            buttons: {
                'Sim': function() {
                    $jq(this).dialog('close');
                    $jq("#codigoCategoria").val(codigo);
                    $jq("#nomeCategoria").val(nome);
                    $jq("#formExcluirCategoria")[0].submit();
                },
                'Não': function() {
                    $jq(this).dialog('close');
                }
            }
        });
        prepareDialog();
        //Abre o dialog
        $jq(".dialog-excluir").dialog("open");
    }
    
    $jq(document).ready(function() {
        //restrinçãod, caracteres, mascaras
        $jq("#sequencia, #sequenciaUp").numeric();
    });
</script>

<!--FORM para inserir novos dados-->
<div id="dialog-form-insert">
    <div class="form-geral">
        <?php echo form_open('categoria/cadastrar', 'id="formCategoriaInsert"') ?>
        <legend>Cadastrar uma nova Categoria...</legend>
        <fieldset>
            <p>
                <label for="nome">Nome*</label>
                <input name="nome" autofocus type="text" placeholder="Nome da categoria" />
            </p>
            <p>
                <label for="descricao">Descrição</label>
                <textarea name="descricao" placeholder="Descrição da categoria" style="height: 45px;"></textarea>
            </p>
            <p>
                <span style="float: left; width: 30%;"> 
                    <label for="sequecia">Sequência*</label>
                    <input name="sequencia" id="sequencia" type="text" placeholder="Apenas números" />
                </span>
                    
                <label for="ativo" style="margin-left: 90px;">Ativo?*</label>
            </p>
            <p style="float:left; margin: 18px -62px;"> 
                <label><input name="status" checked="" type="radio" value="1" class="radio"/>SIM</label>
                <label><input name="status" type="radio" value="0" class="radio">NÃO</label>
            </p>
        </fieldset>
        <?php echo form_close(); ?>
    </div>
</div>

<!--FORM para atualização dos dados-->
<div id="dialog-form-update">
    <div class="form-geral">
        <?php echo form_open('categoria/atualizar', 'id="formCategoriaUpdate", name="formUpdate"') ?>
        <legend>Atualizar dados da Categoria...</legend>
        <fieldset>
            <p>
                <input type="hidden" name="codigoUp" id="codigoUp"/>
                <label for="nome">Nome*</label>
                <input name="nomeUp" id="nomeUp" autofocus type="text" placeholder="Nome da categoria" />
            </p>
            <p>
                <label for="descricao">Descrição</label>
                <textarea name="descricaoUp" id="descricaoUp" placeholder="Descrição da categoria" style="height: 45px;"></textarea>
            </p>
                
            <p>
                <span style="float: left; width: 30%;"> 
                    <label for="sequecia">Sequência*</label>
                    <input name="sequenciaUp" id="sequenciaUp" type="text" placeholder="Apenas números" />
                </span>

                <label for="ativo" style="margin-left: 90px;">Ativo?*</label>
            <p style="float:left; margin: 18px -62px;"> 
                <label><input name="statusUp" checked="" type="radio" value="1" class="radio"/>SIM</label>
                <label><input name="statusUp" type="radio" value="0" class="radio">NÃO</label>
            </p>
        </fieldset>
        <?php echo form_close(); ?>
    </div>
</div>

<!--FORM de exclusão-->
<div class="dialogModal dialog-excluir" style="display: none;">
    <h2>Atenção!</h2>
    <div class="inforDel"></div>    
    <?php echo form_open("categoria/excluir", "id='formExcluirCategoria'"); ?>
        <input type="hidden" id="codigoCategoria" name="codigo" />
        <input type="hidden" id="nomeCategoria" name="nome" />
    <?php echo form_close(); ?>
</div>